<template >


    <div style="margin-top: 15px;  " >
   
  <el-input placeholder="请输入内容" v-model="input3" class="input-with-select1">
    <el-select v-model="select" slot="prepend" placeholder="请选择">
      <el-option label="餐厅名" value="1"></el-option>
      <el-option label="订单号" value="2"></el-option>
      <el-option label="用户电话" value="3"></el-option>
    </el-select>
    <el-button slot="append"> 发给</el-button>
  </el-input>
<h1>--------------------------------------------------------------------------------------</h1>

 <el-input placeholder="请输入内容" v-model="input3" class="input-with-select">
    <el-select v-model="select" slot="prepend" placeholder="请选择">
      <el-option label="餐厅名" value="1"></el-option>
      <el-option label="订单号" value="2"></el-option>
      <el-option label="用户电话" value="3"></el-option>
    </el-select>
    <span slot="append" class="bun"> 发给</span>
  </el-input>

  <el-input placeholder="请输入内容" v-model="input1" class="input-with">
       <div slot="append" class="bun"> 发给</div>
  </el-input>
</div>

</template>

<style>
  .el-select .el-input {
    width: 130px;
  }
  .input-with-select1 .el-input-group__prepend {
    background-color: #fff;
  }
   .input-with-select .el-input-group__append {
    background-color: #fff;
     border:0px
  }

  .input-with-select{
    border-right: 1px solid #fff
  }
.input-with{
     width: 300px;
     margin-top: 55px;
      /* border-right:0px
       */
      border-right: 0px solid rgb(92, 240, 23)
}
    .input-with .el-input-group__append {
    background-color: #fff;
     border:0px;
       outline: 0;
  }
</style>
<script>
export default {
  data() {
    return {
      input1: '嘎嘎嘎嘎嘎',
      input2: '',
      input3: '',
      select: ''
    }
  }
}
</script>